var UserList = {};
UserList.contextpath = "";
UserList.initPage = function(contextpath) {
	UserList.contextpath = contextpath;

	layui.use(['table','form'], function() {
		var table = layui.table;
		var form = layui.form;
		// 第一个实例
		table.render({
			elem : '#user_list_table',
			toolbar : '#toolbarDemo'
			,
			url : '/web2019/user/ajaxQueryUserList.action' // 数据接口
			,
			page : true // 开启分页
			, 
			where: 
			{
             userType :$("#userType").val(),
             userState :$("#userState").val()
            },
			response : {
				statusName : 'code' // 规定数据状态的字段名称，默认：code
				,
				statusCode : "0000" // 规定成功的状态码，默认：0
				,
				msgName : 'message' // 规定状态信息的字段名称，默认：msg
				,
				countName : 'total' // 规定数据总数的字段名称，默认：count
			},
			cols : [ [ // 表头
			{
				field : 'userId',
				title : '用户id',
				width : 100,
				sort : true,
			}, {
				field : 'userName',
				title : '用户名称',
				width : 120
			}, {
				field : 'realName',
				title : '真实姓名',
				width : 120
			}, {
				field : 'userStateName',
				title : '用户状态',
				width : 120
			}, {
				field : 'userTypeName',
				title : '用户类型',
				width : 120,
				sort : true
			}, {
				field : 'idNo',
				title : '身份证',
				width : 180,
				sort : true
			}, {
				field : 'englishBirthday',
				title : '阴历生日',
				width : 180,
				sort : true
			}, {
				field : 'eMail',
				title : '邮箱',
				width : 180,
				sort : true
			}, {
				field : 'lastLoginIp',
				title : '最后登录ip',
				width : 200,
				sort : true
			}, {
				field : 'lastLoginTime',
				title : '最后登录时间',
				width : 200,
				templet: function(d){
					var d=new Date(d.lastLoginTime);
					return formatDate(d);
			      },
				sort : true
			}, {
				title : '角色',
				templet : UserList.setOperate,
				width : 160,
				align : 'center',
				fixed : 'right'
			} ] ]
		});
		
		form.on('select(selectChange)', function(data){ 
			var userType= $("#userType").val();
			var userState= $("#userState").val();
			UserList.reloadTable(table,userType,userState);
			$("#userType").val(userType);
			$("#userState").val(userState);
			layui.form.render('select');
		});
		
		  //监听工具条
		  table.on('tool(user_list_table_filter)', function(obj){
		    var data = obj.data;
		  if(obj.event === 'role'){
			  UserList.getRole(data);
		    }
		  });
	});
}
UserList.getRole =function(userData){
	$.ajax({
		type : "POST",
		url : "/web2019/user/ajaxQueryUserRole.action",
		dataType : "json",
		data : {"userId":userData.userId},
		success : function(data) {
			if (data.code == "0000") {
			    layer.open({
		            type: 1
		            ,title: '选择角色'
		            ,area: ['600px', '600px']
		            ,shade: 0
		            ,maxmin: true
		            ,content: UserList.getUpdateHtml()
		            ,btn: ['修改', '取消'] //只是为了演示
		            ,yes: function(){
		            	layui.use(['transfer'], function(){
		            		  var transfer = layui.transfer;
		            		    var data2 = transfer.getData('role');
		            		    var result ={};
		            		    result.userId =userData.userId;
		            		    var roleList ="";
		            		    for(var i=0;i<data2.length;i++){
		            		    	roleList+=data2[i].value;
		            		    	if(i!=(data2.length-1)){
		            		    		roleList+=",";
		            		    	}
		            		    }
		            		    result.roleIdList =roleList;
				            	UserList.ajaxUpdateUserRole(result);
		            	});
		            
		            }
		            ,btn2: function(){
		              layer.closeAll();
		            }
		            ,success: function(layero){
		            	layui.use(['transfer'], function(){
		            		  var transfer = layui.transfer
		            		  transfer.render({
		            		    elem: '#test5'
	            		    	,id: 'role'
		            		    ,title:['角色', '已有角色']
            		    	    ,showSearch: true
		            		    ,parseData: function(res){
		            		      return {
		            		        "value": res.roleId //数据值
		            		        ,"title": res.description //数据标题
		            		      }
		            		    }
		            		    ,data:data.tdRolelist
		            		    ,value:data.vUserRolelist
		            		    ,height: 400
		            		  })
		            		});
		            }
		          });
			} else {
				layer.alert(data.message);
			}
		},
		error : function(data) {

		}
	});
}
UserList.setOperate=function(data){
	var btnHtml="";
	btnHtml += '<button type="button" class="layui-btn layui-btn-xs seeDetail" lay-event="role">角色</button>';
	return btnHtml;
}
UserList.getUpdateHtml= function(){
	var html="";
	html+='<div id="test5" class="demo-transfer"style="width:500px;height:400px;">';
	html+='</div>';
	return html;
}

//重新加载table
UserList.reloadTable= function(table,userType,userState){
	table.reload('user_list_table', {
        page: {
            curr: 1
        },
		where: 
		{
			userType :userType,
			userState :userState
	    }
    });
}


UserList.ajaxUpdateUserRole =function(data){
	console.log(data);
	$.ajax({
		type : "POST",
		url : "/web2019/user/ajaxUpdateUserRole.action",
		dataType : "json",
		data : data,
		success : function(data) {
			if (data.code == "0000") {
				layer.alert(data.message, { icon: 1, closeBtn: 0 }, function (index) { 
					layer.closeAll();
					layui.use(['table'], function() {
						var userType= $("#userType").val();
						var userState= $("#userState").val();
						var table = layui.table;
						UserList.reloadTable(table,userType,userState);
						$("#userType").val(userType);
						$("#userState").val(userState);
						layui.form.render('select');
					 });
				});
			} else {
				layer.alert(data.message);
			}
		},
		error : function(data) {
		}
	});
}

function formatDate(now) { 
	var year=now.getFullYear();  //取得4位数的年份
	var month=now.getMonth()+1;  //取得日期中的月份，其中0表示1月，11表示12月
	var date=now.getDate();      //返回日期月份中的天数（1到31）
	var hour=now.getHours();     //返回日期中的小时数（0到23）
	var minute=now.getMinutes(); //返回日期中的分钟数（0到59）
	var second=now.getSeconds(); //返回日期中的秒数（0到59）
	return year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second; 
}